.questions-table {
    margin-bottom: 30px
}

.questions-table table {
    width: 100%;
}

.questions-table table tr th {
    font-size: 16px
}

.questions-table table tr td:first-child {
    width: 33%;
    text-align: center;
    padding-left: 10px
}

.questions-table table tr th,
.questions-table table tr td {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: normal;
    padding:10px
}

.questions-table table tr td {
    opacity: .8;
}

.questions-table table tr td .btn-blue {
    opacity: 1;
    background-color: #005496;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 5px;
    line-height: 20px
}
.questions-table table tr td .btn-red {
    opacity: 1;
    background-color: #FF8E66;
    color: #FFFFFF;
    font-size: 14px;
    border-radius: 5px;
    line-height: 20px;
    margin-left: 5px;
}

.questions-table table tr:nth-child(odd) {
    background-color: rgba(244, 248, 252, .5)
}

.questions-table table>thead>tr {
    background-color: #FFFFFF !important;
}

.que-details {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.que-details li {
    line-height: 30px;
}

.que-details li label {
    display: inline-block;
    width: 45%;
}

.que-details li label span {
    display: inline-block;
    width: 30%;
}

.que-details li label input[type="text"] {
    width: 60%;
    height: 30px;
    border: 1px solid #C3CCDC;
}
.que-inp li label input[type="number"] {
    width: 22.3%;
    height: 35px;
    border: 1px solid #C3CCDC;
    padding-left: 5px;
    margin-right: 10px;
}
.que-inp {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}
.que-inp li label select {
    width: 22.3%;
    height: 35px;
    border: 1px solid #C3CCDC;
}
.que-inp li {
    line-height: 35px;
    margin-bottom: 10px;
}

.que-inp li label {
    display: inline-block;
    width: 100%;
}

.que-inp li label span {
    display: inline-block;
    width: 100px;
}

.date_picker {
    .ant-calendar-picker-icon{
        display: none;
    }
}
.que-inp li label input[type="text"] {
    width: 50%;
    height: 35px;
    border: 1px solid #C3CCDC;
    padding-left: 5px
}

.que-inp li label input[type="text"].minute {
    width: 10%;
    margin-right: 10px
}

.que-inp li label input[type="text"].form-date {
    width: 22.3%;
}

.que-inp li label .line-1 {
    margin: 0 20px
}

.delete-question {
    color: #ff0000;
    margin-left: 20px;
}

.topic-inp {
    padding-left: 20px;
}

.topic-inp h4 {
    font-size: 16px;
}

.topic-inp input[type="text"] {
    width: 480px;
    height: 40px;
    border: 1px solid #DEE6F4;
    padding-left: 5px;
    margin: 0 10px
}

.topic-inp .topic-cont {
    padding: 20px 0 20px 40px;
    border-bottom: 1px solid #DEE6F4;
    line-height: 40px;
}

.topic-inp .topic-cont h5 {
    font-size: 14px;
}

.topic-inp .topic-cont h5 label {
    width: 60px;
    text-align: right;
}

.topic-inp .topic-cont h5>input {
    margin-left: 25px
}

.topic-inp .topic-cont dl dt {
    float: left;
    width: 5%;
    text-align: right;
}

.topic-inp .topic-cont dl dd {
    float: left; // width: 90%;
    // width: 430px;
    margin-left: 20px
}

.topic-inp .topic-cont dl dd ul li {
    margin-bottom: 10px;
}

.add-topic {
    display: block;
    font-size: 16px;
    margin: 15px 0
}

.add-topic i {
    color: #4A90E2;
    margin-right: 10px
}